<%@ page language="java" contentType="text/html;charset=utf-8" pageEncoding="utf-8" %>
<!DOCTYPE HTML>
<html>

</head>
<style type="text/css">
    body, html {
        width: 100%;
        height: 100%;
        overflow: hidden;;
        font-family: "微软雅黑";
    }

    .anchorBL {
        display: none;
    }
</style>
<body>
<input type="hidden" value="${lng}" id="plocallng"/>
<input type="hidden" value="${lat}" id="plocallat"/>

<div style='width:500px;height:510px; background:#EEEEEE;'>
    <div id="oneMap" style='width:100%;height:85%;'></div>
    <div style="text-align:right; width: 90%">
        <button onClick="pointsave();" class="btn btn-secondary radius size-M"
                style="margin: 10px ; padding-right: 10px"
                align="right"
                type="button"><i class="Hui-iconfont">&#xe632;</i> 确定
        </button>
    </div>
</div>
</body>
</html>
<%@include file="../../head-ui.jsp" %>
<script type="text/javascript">
    // 百度地图API功能
    var map = new BMap.Map("oneMap");    // 创建Map实例
    var point = null;
    $(function () {
        var lng = parseFloat(${lng});
        var lat = parseFloat(${lat});
        if (isNaN(lng)) {
            lng = 121.43302
        }
        if (isNaN(lat)) {
            lat = 31.224598
        }
        point = new BMap.Point(lng, lat)
        map.centerAndZoom(point, 16);  // 初始化地图,设置中心点坐标和地图级别
        map.setCurrentCity("上海");          // 设置地图显示的城市 此项是必须设置的
        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
        var marker = new BMap.Marker(point);// 创建标注
        map.addOverlay(marker);
        marker.enableDragging();
        marker.addEventListener("dragend", function (e) {
            $("#plocallng").val(e.point.lng);
            $("#plocallat").val(e.point.lat);
        })
    });
    function pointsave() {
        var lng = $("#plocallng").val();
        var lat = $("#plocallat").val();
        parent.$('#locallng').val(lng);
        parent.$('#locallat').val(lat);
        layer_close();
    }
</script>
